@import url("font-awesome.min.css");
@import url("swiper.min.css");
@import url("animate.min.css");
@charset "utf-8";
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { margin: 0; font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.85; background: #fff; color: #44443c; font-size: 13px; overflow: hidden; overflow-y: scroll; }
h1 { font-size: 2em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
a { -webkit-text-decoration-skip: objects; background-color: transparent; -webkit-transition: color .3s ease-out; transition: color .3s ease-out; }
abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #444; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { line-height: 1.42857143; margin: 0; outline: none; }
body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
 button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
 border-style:none;
 padding:0;
}
 button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
 outline:1px dotted ButtonText;
}
fieldset { padding: .35em .75em .625em; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
 height:auto;
}
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
 [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
 -webkit-appearance:none;
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit;
}
summary { display: list-item; }
article, aside, footer, header, nav, section, figcaption, figure, main, details, menu { display: block; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
audio, video, canvas { display: inline-block; }
template, [hidden] { display: none; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
a { color: #44443c; text-decoration: none; }
a:hover { color: #20458A; }
ul, li, ol { margin: 0; list-style: none; padding: 0; }
.css3 { transition: All 0.4s linear; -webkit-transition: All 0.4s linear; -moz-transition: All 0.4s linear; -o-transition: All 0.4s linear; }
.am { -webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s; }
.container, .containers { width: 98%; min-width: 360px !important; margin: 0 auto; padding: 50px 0; overflow: hidden; }
.container-l, .container-r { float: left; display: inline; width: 850px; overflow: hidden; }
.container-r { float: right; width: 300px; }
.min-inner { overflow: hidden; padding: 35px 0; }
.mc_ban_contianer { animation: fadeInUp 1.2s; }
.container2 { width: 100%; padding: 20px 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

@media (min-width: 768px) {
.container { width: 98%; }
}

@media (min-width: 992px) {
.container { width: 980px; }
}

@media (min-width: 1200px) {
.container { width: 1190px; padding: 30px 0; }
}

@media (min-width:1450px) {
.container { width: 1330px; padding: 50px 0; }
}
/*关键容器END*/
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.absolute { position: absolute; }
.pors { position: relative; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.hide { opacity: 0; }
.en { }
/* 谷歌内核 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #9F9F9F;
}
/* 火狐浏览器低版本 - v19- */
input:-moz-placeholder, textarea:-moz-placeholder {
 color: #9F9F9F;
}
/* 火狐浏览器高版本 - v19+ */
input::-moz-placeholder, textarea::-moz-placeholder {
 color: #9F9F9F;
}
/* IE内核 */
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
 color: #9F9F9F;
}
/*统一全局样式*/
.main-container { margin: 0 auto; }
.container-color { background: #EDEDED; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.container { padding: 10px 10px; }
}
/**/
header { width: 100%; position: fixed; left: 0; z-index: 0; top: 0; z-index: 999; }
.head-fixed, header:hover { background: #fff; position: fixed; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.05); box-shadow: 0 5px 5px 0 rgba(0,0,0,.05); }
header .container { padding: 0 0; overflow: visible; }
.head-inner { height: 100px; position: relative; }
.head-inner .logo { float: left; width: 150px; height: 100%; display: inline-flex; align-items: center; text-indent: -999999px; background: url(../images/logo.svg) no-repeat left center; background-size: 139px 51px; }
.head-inner .logo img { max-width: 100%; align-items: center; }
.head-inner .logo a { display: block; width: 100%; height: 100%; }
.head-fixed .head-inner .logo, header:hover .head-inner .logo { background: url(../images/logo.svg) no-repeat left center; }
.head-fixed .head-inner .logo img, header:hover .head-inner .logo img { display: none; }
.head-inner aside { float: right; }
.head-inner .nav { float: left; height: 100px; }
.head-inner .nav .nav-list { float: left; z-index: 999; padding: 0 20px; position: relative; }
.head-inner .nav h3 { font-size: 16px; height: 100px; line-height: 100px; overflow: hidden; position: relative; }
.head-inner .nav h3:after { content: ''; bottom: 0; position: absolute; display: block; width: 0; height: 3px; background: #fff; transition: all .4s; }
.head-fixed .head-inner .nav h3:after, header:hover .head-inner .nav h3:after { background: #20458A; }
.head-fixed .head-inner .cur h3:after, .head-inner .nav-list:hover h3:after, header:hover .head-inner .cur h3:after, header:hover .nav-list:hover h3:after { width: 100%; }
.head-inner .nav h3 a { display: block; color: #fff; }
.head-fixed .head-inner .nav h3 a, header:hover .head-inner .nav h3 a { color: #44443c; }
.head-inner .nav .on { }
.head-fixed .head-inner .nav .nav-list:hover h3 a, .head-fixed .head-inner .nav .cur h3 a, header:hover .head-inner .nav .nav-list:hover h3 a, header:hover .head-inner .nav .cur h3 a { color: #20458A; }
.head-inner .nav .sub-nav { display: none; position: absolute; width: 120px; left: 50%; margin-left: -60px; top: 100px; z-index: 98; background: #fff; filter: alpha(opacity=98); -moz-opacity: 0.98; -khtml-opacity: 0.98; opacity: 0.98; box-shadow: 0 0 2px #EFEFEF; }
.head-inner .nav .sub-nav li { display: block; overflow: hidden; height: 45px; line-height: 45px; text-align: center; font-size: 14px; }
.head-inner .nav .sub-nav li a { display: block; }
.head-inner .nav .sub-nav li a:hover { background: #20458A; color: #fff; transition: all .3s ease-out; }
.head-inner .lang-button { float: left; line-height: 100px; margin: 0 20px; font-size: 18px; color: #fff; }
.head-inner .lang-button a { color: #fff; }
.head-fixed .head-inner .lang-button a, header:hover .head-inner .lang-button a { color: #44443c; }
.head-fixed .head-inner .lang-button a:hover, header:hover .head-inner .lang-button a:hover { color: #20458A; }
.head-inner .search-button { float: left; line-height: 98px; font-size: 18px; color: #fff; margin-left: 10px; }
.head-fixed .head-inner .search-button, header:hover .head-inner .search-button { color: #44443c; }
.head-fixed .head-inner .search-button:hover, header:hover .head-inner .search-button:hover { color: #20458A; }
.search-wrap { width: 100%; overflow: hidden; position: fixed; left: 0; top: 100px; padding: 30px 0; background: #20458A; height: 110px; transition: all .6s ease-in-out; z-index: 9999; display: none; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); }
.search-wrap .container { padding: 0 0; position: relative; }
.search-wrap .search-inner { margin: 0 auto; width: 60%; border: 2px solid #fff; height: 50px; padding: 0 20px; border-radius: 30px; }
.search-wrap .search-inner .search-keyword, .search-wrap .search-inner .search-submit { float: left; width: 80%; height: 50px; line-height: 50px; color: #fff; overflow: hidden; border: none; background: none; outline: none; text-transform: uppercase; font-size: 16px; padding: 0 10px; }
.search-wrap .search-inner .search-keyword { }
.search-wrap .search-inner .search-submit { float: right; width: 20%; color: #fff; font-size: 24px; border: none; cursor: pointer; text-align: right; }
.search-wrap .close-search { position: absolute; right: 0; top: 0; font-size: 28px; color: #fff; }
.head-inner .menu-button { float: right; font-size: 20px; margin-right: 10px; line-height: 60px; display: none; color: #fff; cursor: pointer; }
.head-fixed .head-inner .menu-button, header:hover .head-inner .menu-button { color: #44443c; }
.head-fixed .head-inner .menu-button:hover, header:hover .head-inner .menu-button:hover { color: #20458A; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.head-inner .nav .nav-list { padding: 0 5px; }
.head-inner .lang-button { margin: 0 10px; }
.head-inner .search-button { margin-left: 5px; }
}

@media (max-width:767px) {
.head-inner .nav { display: none; }
.head-inner { height: 60px; }
.head-inner .logo { margin-left: 10px; }
.head-inner .lang-button { line-height: 60px; }
.head-inner .search-button { line-height: 58px; margin-right: 15px; }
.head-inner .menu-button { display: block; }
}
/**/
footer { background: url(../images/foot-wrap.png) no-repeat center; background-size: cover; color: #C8CAD5; }
footer a { color: #C8CAD5; }
footer .container { }
.foot-inner, .foot-text { float: left; width: 100%; overflow: hidden; }
.foot-inner { margin-bottom: 20px; }
.foot-logo, .foot-nav { float: left; line-height: 60px; }
.foot-logo { width: 109px; height: 60px; display: flex; align-items: center; justify-content: center; }
.foot-logo img { max-width: 100%; align-items: center; }
.foot-nav { float: right; font-size: 16px; }
.foot-nav li { float: left; margin-left: 30px; }
.foot-nav li a { color: #D4D5DA; }
.foot-text { }
.foot-power, .foot-code { float: left; }
.foot-power { width: 700px; }
.foot-power h3, .foot-power ul, .foot-power p, .foot-code { display: block; overflow: hidden; font-size: 14px; line-height: 30px; }
.foot-power h3 { font-size: 16px; font-weight: normal; }
.foot-power ul { padding: 10px 0; }
.foot-power ul li { float: left; padding-left: 30px; width: 200px; background-position: left center; background-repeat: no-repeat; background-size: 21px 21px; }
.foot-power ul li:nth-child(1) { background-image: url(../images/foot-ico-1.png); }
.foot-power ul li:nth-child(2) { background-image: url(../images/foot-ico-2.png); width: 500px; }
.foot-power ul li:nth-child(3) { background-image: url(../images/foot-ico-3.png); }
.foot-power ul li:nth-child(4) { background-image: url(../images/foot-ico-4.png); width: 500px; }
.foot-power p { }
.foot-code { float: right; }
.foot-code h3, .foot-code p { float: left; }
.foot-code h3 { font-weight: normal; height: 119px; line-height: 25px; margin-right: 20px; display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; text-align: right; }
.foot-code p { width: 100px; text-align: center; }
.foot-code img { max-width: 100%; vertical-align: middle; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.foot-power, .foot-code { width: 60%; }
.foot-code { width: auto; padding-top: 30px; }
.foot-power ul li:nth-child(1), .foot-power ul li:nth-child(2), .foot-power ul li:nth-child(3), .foot-power ul li:nth-child(4) { width: 100%; }
.foot-power ul, .foot-power p, .foot-code h3 { font-size: 13px; }
}

@media (max-width:767px) {
.foot-logo, .foot-nav, .foot-power, .foot-code, .foot-code p { width: 100%; }
.foot-power ul, .foot-power p, .foot-code h3 { font-size: 12px; }
.foot-nav { display: none; }
.foot-code { padding-top: 0; }
.foot-code h3 { display: none; }
}
/**/
.online-inner { overflow: hidden; border-radius: 50%; bottom: 50px; position: fixed; right: 10px; z-index: 999999; }
.online-inner a { display: block; cursor: pointer; width: 50px; border: 1px solid #EDEDED; background: #EDEDED; height: 50px; line-height: 50px; font-size: 26px; text-align: center; color: #20458A; }
.online-inner a.gotop { }

@media (max-width:767px) {
.online-inner { bottom: 30px; }
.online-inner a { width: 30px; height: 30px; line-height: 30px; font-size: 20px; }
.online-inner a.gotop { }
}
/**/
.banner-inner { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; overflow: hidden; height: 600px; }
.banner-inner .container { height: 100%; }
.banner-inner .banner { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 139px; }
.banner-inner .banner h3, .banner-inner .banner p { font-weight: normal; display: block; color: #fff; line-height: 1.6; width: 100%; }
.banner-inner .banner h3 { font-size: 42px; text-indent: 20px; }
.banner-inner .banner p { font-size: 26px; text-transform: uppercase; font-style: italic; }
.banner-inner .image { position: relative; overflow: hidden; z-index: 1; display: none; }
.banner-inner .image img { position: relative; left: 50%; transform: translate3d(-50%, 0, 0); width: calc(1.6*100%);
}

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.banner-inner { height: 400px; }
.banner-inner .banner h3 { font-size: 32px; }
.banner-inner .banner p { font-size: 22px; }
}

@media (max-width:767px) {
.banner-inner { height: 250px; }
.banner-inner .banner { padding-left: 0; }
.banner-inner .banner h3, .banner-inner .banner p { text-align: center; }
.banner-inner .banner h3 { font-size: 18px; text-indent: 0; }
.banner-inner .banner p { font-size: 16px; }
}
/**/
.column-wrap { -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); position: relative; z-index: 9; }
.column-wrap .container { padding: 0 0; }
.column-inner { display: flex; height: 80px; justify-content: center; align-items: center; }
.column-inner li { line-height: 80px; font-size: 16px; margin: 0 30px; border-bottom: 4px solid #fff; position: relative; }
.column-inner li:after { content: ''; position: absolute; right: -30px; top: 50%; height: 14px; margin-top: -7px; width: 1px; background: #B5B5B5; }
.column-inner li:last-child:after { display: none; }
.column-inner li a { display: block; }
.column-inner li:hover, .column-inner .cur { border-bottom-color: #20458A; }
.column-inner li:hover a, .column-inner .cur a { color: #20458A; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.column-inner { height: 60px; }
.column-inner li { line-height: 60px; font-size: 15px; margin: 0 20px; border-bottom: 3px solid #fff; }
.column-inner li:after { right: -20px; }
}

@media (max-width:767px) {
.column-inner { height: 45px; }
.column-inner li { line-height: 45px; font-size: 13px; margin: 0 10px; }
.column-inner li:after { right: -10px; }
}
/**/
.single-inner { padding: 20px 0; font-size: 15px; line-height: 2; overflow: hidden; }
.single-inner strong { }
.single-inner img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.single-inner { padding: 10px 0; font-size: 14px; }
}
/**/
.about-page { background: url(../images/about-wrap.png) no-repeat center bottom; overflow: hidden; }
.about-inner { padding: 20px 0; overflow: hidden; }
.about-inner .image, .about-inner .text { width: auto; overflow: hidden; }
.about-inner .image { float: right; width: 43%; padding-left: 50px; }
.about-inner .image img { max-width: 100%; vertical-align: middle; }
.about-inner .text { }
.about-inner .title { font-size: 34px; line-height: 35px; color: #20458A; font-weight: bold; }
.about-inner .intro { padding: 20px 0; font-size: 15px; line-height: 2.25; overflow: hidden; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.about-inner .image { float: left; padding-right: 30px; padding-left: 0; }
.about-inner .text, .about-inner .intro { overflow: visible; }
.about-inner .title { font-size: 28px; }
.about-inner .intro { padding: 10px 0; line-height: 2; }
}

@media (max-width:991px) {
.about-inner { padding: 10px 0; }
}

@media (max-width:767px) {
.about-inner .image, .about-inner .text { width: 100%; padding-right: 0; overflow: hidden; }
.about-inner .text { padding-top: 10px; }
.about-inner .title { font-size: 22px; }
.about-inner .intro { font-size: 14px; }
}
/**/
.about-four { padding: 20px 0; overflow: hidden; margin-top: 50px; margin-bottom: 100px; }
.about-four li { float: left; width: 21%; margin: 10px 2%; overflow: hidden; line-height: 30px; }
.about-four li .title { padding: 10px 0; overflow: hidden; font-size: 20px; color: #20458A; }
.about-four li .title strong { font-size: 48px; font-weight: bold; }
.about-four li .text { font-size: 18px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.about-four { padding-top: 0; margin-top: 0; margin-bottom: 20px; }
.about-four li { width: 25%; margin: 10px 0; }
.about-four li .title strong { font-size: 38px; }
.about-four li .text { font-size: 16px; }
}

@media (max-width:991px) {
.about-four { padding: 10px 0; }
.about-four li .title strong { font-size: 32px; }
.about-four li .text { font-size: 14px; }
}

@media (max-width:767px) {
.about-four li { width: 50%; text-align: center; }
.about-four li .title strong { font-size: 28px; }
.about-four li .text { font-size: 12px; }
}
/**/

.culture-list { padding: 20px 0; overflow: hidden; }
.culture-list .item { width: 100%; overflow: hidden; background: #FAFAFA; line-height: 30px; float: left; display: flex; flex-flow: wrap row; justify-content: center; flex-direction: row-reverse; }
.culture-list .item .image, .culture-list .item .text { width: 50%; overflow: hidden; display: flex; justify-content: center; position: relative; }
.culture-list .item .image { }
.culture-list .item:nth-child(2n) { flex-direction: row; }
.culture-list .item .image:after { content: ''; position: absolute; z-index: 1; left: 0; top: 50%; margin-top: -19px; width: 0; height: 0; border-top: 19px solid transparent; border-left: 30px solid #FAFAFA; border-bottom: 19px solid transparent; }
.culture-list .item:nth-child(2n) .image:after { border-left: 0px solid #FAFAFA; border-right: 30px solid #FAFAFA; left: auto; right: 0; }
.culture-list .item .image img { max-width: 100%; align-items: center; position: relative; z-index: 0; transition: all .6s; }
.culture-list .item:hover .image img { transform: scale(1.025); }
.culture-list .item .text { padding: 30px 35px; padding-top: 50px; flex: 1; flex-direction: column; }
.culture-list .item .title { font-size: 32px; font-weight: bold; color: #20458A; overflow: hidden; }
.culture-list .item .intro { padding: 20px 0; font-size: 16px; overflow: hidden; }
.culture-list .item .intro strong { font-weight: bold; font-size: 18px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.culture-list .item .text { padding: 20px 25px; padding-top: 50px; }
.culture-list .item .title { font-size: 26px; }
.culture-list .item .intro { padding: 10px 0; font-size: 15px; }
.culture-list .item .intro strong { font-size: 18px; }
.culture-list .item .image:after { left: -10px; }
.culture-list .item:nth-child(2n) .image:after { left: auto; right: -10px; }
}

@media (max-width:991px) {
.culture-list .item .text { padding: 10px 15px; padding-top: 50px; }
.culture-list .item .title { font-size: 22px; }
.culture-list .item .intro { font-size: 14px; }
.culture-list .item .intro strong { font-size: 16px; }
}

@media (max-width:767px) {
.culture-list .item .image, .culture-list .item .text { width: 100%; }
.culture-list .item { display: block; }
.culture-list .item .text { padding-top: 10px; }
.culture-list .item .image:after { left: 50%; margin-left: -24px; top: auto; margin-top: 0; bottom: -10px; width: 0; height: 0; border-top: 0 solid transparent; border-left: 0 solid #FAFAFA; border-bottom: 0 solid transparent; border-bottom: 30px solid#FAFAFA; border-left: 30px solid transparent; border-right: 30px solid transparent; }
.culture-list .item:nth-child(2n) .image:after { border-left: 30px solid transparent; border-right: 30px solid transparent; left: 50%; right: auto; }
.culture-list .item .title { font-size: 18px; }
.culture-list .item .intro { font-size: 13px; }
.culture-list .item .intro strong { font-size: 15px; }
}
/**/
.honor-list { padding: 20px 0; overflow: hidden; }
.honor-list li { float: left; width: 18.4%; margin: 10px 2%; margin-left: 0; overflow: hidden; border: 1px solid #BFBFBF; }
.honor-list li:nth-child(5n) { margin-right: 0; }
.honor-list li .image { width: 100%; display: flex; align-items: center; height: 320px; justify-content: center; }
.honor-list li .image img { max-width: 100%; align-items: center; }
.honor-list li:hover .image img { }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.honor-list { padding: 10px 0; }
.honor-list li .image { height: 270px; }
}

@media (max-width:991px) {
.honor-list { padding: 10px 0; }
.honor-list li .image { height: 200px; }
}

@media (max-width:767px) {
.honor-list { padding: 10px 0; }
.honor-list li { width: 48%; margin: 10px 1%; }
.honor-list li .image { height: 260px; }
}
/**/

.load-inner { height: 60px; background: #FAFAFA; color: #20458A; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 18px; line-height: 60px; overflow: hidden; cursor: pointer; }
.load-inner a { }
.load-inner img { align-items: center; margin-right: 10px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.load-inner { font-size: 16px; }
}

@media (max-width:767px) {
}
/**/

.inside-type { padding: 20px 0; overflow: hidden; }
.inside-type h3 { display: block; font-size: 32px; font-weight: bold; overflow: hidden; line-height: 40px; padding-bottom: 30px; background: url(../images/team-down.png) no-repeat center bottom; background-size: 26px 17px; text-align: center; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.inside-type h3 { font-size: 28px; }
}

@media (max-width:767px) {
.inside-type h3 { font-size: 22px; }
}
/**/

.inside-types { position: relative; padding: 1px 0; overflow: hidden; }
.inside-types:after { content: ''; position: absolute; width: 100%; height: 3px; left: 0; bottom: 1px; background: #D2D2D2; z-index: 1; }
.inside-types h3 { float: left; font-size: 32px; font-weight: bold; line-height: 40px; position: relative; padding: 20px 0; }
.inside-types h3:after { content: ''; position: absolute; width: 100%; height: 5px; left: 0; bottom: -1px; background: #20458A; z-index: 2; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.inside-types h3 { font-size: 28px; }
}

@media (max-width:767px) {
.inside-types h3 { font-size: 22px; }
}
/**/
.team-wrap { background: url(../images/team-wrap.png) no-repeat center bottom; overflow: hidden; }
.team-inner { padding: 20px 0; overflow: hidden; }
.team-inner .image, .team-inner .text { width: auto; display: block; overflow: hidden; }
.team-inner .image { float: left; width: 40%; padding-right: 50px; }
.team-inner .image img { width: 100%; vertical-align: middle; }
.team-inner .text { padding-top: 80px; }
.team-inner .title { font-size: 34px; line-height: 35px; color: #20458A; font-weight: bold; margin-bottom: 20px; }
.team-inner .other { font-size: 18px; line-height: 2.25; overflow: hidden; font-weight: bold; }
.team-inner .intro { padding: 20px 0; font-size: 15px; line-height: 2.25; overflow: hidden; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.team-inner { padding: 10px 0; }
.team-inner .image { width: 50%; padding-right: 50px; }
.team-inner .text { padding-top: 30px; overflow: visible; }
.team-inner .title { font-size: 28px; line-height: 30px; margin-bottom: 10px; }
.team-inner .other { }
.team-inner .intro { padding: 10px 0; line-height: 30px; overflow: visible; }
}

@media (max-width:991px) {
.team-inner { padding: 10px 0; }
.team-inner .image { width: 45%; padding-right: 50px; }
.team-inner .text { padding-top: 0; }
.team-inner .other { font-size: 16px; line-height: 30px; }
.team-inner .title { font-size: 24px; line-height: 30px; }
}

@media (max-width:767px) {
.team-inner { padding: 10px 0; }
.team-inner .image { width: 50%; padding-right: 20px; }
.team-inner .title { font-size: 20px; line-height: 25px; }
.team-inner .other { line-height: 25px; }
.team-inner .intro { font-size: 14px; line-height: 25px; }
}
/**/
.team-list { padding: 20px 0; overflow: hidden; }
.team-list li { float: left; width: 23.5%; margin: 20px 2%; margin-left: 0; overflow: hidden; }
.team-list li:last-child { margin-right: 0; }
.team-list li .image, .team-list .text { position: relative; width: 100%; overflow: hidden; line-height: 30px; }
.team-list li .image { z-index: 0; background: #E5E5E5; display: flex; height: 365px; align-items: center; justify-content: center; }
.team-list li .image img { max-width: 100%; align-items: center; }
.team-list li .text { z-index: 2; margin-top: -60px; }
.team-list li .text .title, .team-list li .text .intro { display: block; overflow: hidden; }
.team-list li .text .title { height: 60px; line-height: 60px; padding: 0 20px; background: #20458A; color: #fff; border-radius: 0 60px 0 0; font-size: 16px; }
.team-list li .text .title strong { font-size: 26px; font-weight: bold; margin-right: 20px; }
.team-list li .text .intro { padding: 10px 0; font-size: 15px; line-height: 2.25; overflow: hidden; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.team-list li .image { height: 325px; }
.team-list li .text .title { padding: 0 10px; font-size: 15px; border-radius: 0 30px 0 0; }
.team-list li .text .title strong { font-size: 22px; margin-right: 10px; }
.team-list li .text .intro { line-height: 2; }
}

@media (max-width:991px) {
.team-list { padding: 10px 0; }
.team-list li .image { height: 280px; }
.team-list li .text .title { height: 60px; line-height: 30px; }
.team-list li .text .title strong { display: block; font-size: 18px; }
.team-list li .text .intro { font-size: 14px; line-height: 25px; }
}

@media (max-width:767px) {
.team-list li { width: 49%; margin: 0 2%; margin-left: 0; }
.team-list li .image { height: 250px; }
.team-list li:last-child { margin-right: 0; }
.team-list li:nth-child(2n) { margin-right: 0; }
.team-list li .text .title { font-size: 14px; }
.team-list li .text .title strong { font-size: 18px; margin-right: 10px; }
.team-list li .text .intro { line-height: 2; }
}
/**/
.jobs-list { padding: 20px 0; overflow: hidden; }
.jobs-list .item { width: 100%; margin: 20px 0; overflow: hidden; transition: all .6s; cursor: pointer; padding: 10px 30px; animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; -o-animation: fadeInUp 1s; background: #FBFBFD; border-radius: 15px; }
.jobs-list .item .title-inner, .jobs-list .item .text-inner { padding: 20px 0; position: relative; overflow: hidden; }
.jobs-list .item .title-inner .title { font-size: 20px; line-height: 40px; color: #20458A; }
.jobs-list .item .title-inner .list { }
.jobs-list .item .title-inner .list li { float: left; font-size: 15px; line-height: 40px; margin-right: 50px; }
.jobs-list .item .title-inner .open { position: absolute; right: 0; top: 28px; width: 64px; height: 64px; line-height: 64px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-image: url(../images/down.png); background-size: 21px 12px; background-color: #BFBFBF; }
.jobs-list .on .title-inner .open { background-image: url(../images/up.png); background-size: 17px 10px; background-color: #20458A; }
.jobs-list .item .text-inner { border-top: 1px solid #BFBFBF; }
.jobs-list .item .text-inner .text { padding: 10px 0; font-size: 15px; line-height: 2; overflow: hidden; }
.jobs-list .item .text-inner .text strong { font-weight: bold; }
.jobs-list .item .text-inner .more { overflow: hidden; }
.jobs-list .item .text-inner .more a { float: left; width: 160px; height: 55px; line-height: 55px; text-align: center; font-size: 18px; border-radius: 10px; background: #20458A; color: #fff; overflow: hidden; margin-right:20px; }
.jobs-list .item:last-child { border-bottom: 0; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.jobs-list .item { margin: 10px 0; padding: 10px 10px; }
.jobs-list .item .text-inner .more a { width: 120px; height: 45px; line-height: 45px; font-size: 16px; }
}

@media (max-width:767px) {
.jobs-list { padding: 10px 0; }
.jobs-list .item { padding: 0 10px; }
.jobs-list .item .text-inner .text { font-size: 14px; }
.jobs-list .item .text-inner .more a { width: 100px; height: 35px; line-height: 35px; font-size: 15px; }
.jobs-list .item .title-inner .open { top: 25px; width: 34px; height: 34px; line-height: 34px; }
.jobs-list .item .title-inner .title { font-size: 18px; }
.jobs-list .item .title-inner .list { }
.jobs-list .item .title-inner .list li { width: 50%; font-size: 14px; line-height: 30px; margin-right: 0; }
}
/**/
.service-wrap { background: #F6F8FD; }
.service-wrap .container { padding: 0 0; }
.service-list { padding: 0 0; overflow: hidden; display: flex; flex-flow: wrap row; justify-content: center; }
.service-left, .service-right { float: left; width: 35%; overflow: hidden; }
.service-left { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 0 100px; }
.service-left h3, .service-left ul, .service-left dl, .service-left dt, .service-left dd, .service-left li, .service-left label { display: block; overflow: hidden; width: 100%; }
.service-left h3 { font-weight: bold; color: #20458A; font-size: 36px; }
.service-left ul, .service-left dl { padding: 30px 0; }
.service-left label { margin-top: 50px; }
.service-left li { float: left; width: 48%; margin: 5px 2%; margin-left: 0; padding: 20px 10px; text-align: center; overflow: hidden; border-radius: 5px; transition: all .6s; background: #fff; }
.service-left li p, .service-left li strong { display: block; overflow: hidden; }
.service-left li p { height: 90px; background-repeat: no-repeat; background-position: center; }
.service-left li strong { font-size: 16px; line-height: 30px; font-weight: normal; }
.service-left li:hover { background: #20458A; }
.service-left li:hover strong { color: #fff; }
.service-14 li:nth-child(1) p { background-image: url(../images/fz-1.png); background-size: 22px 50px; }
.service-14 li:nth-child(1):hover p { background-image: url(../images/fz-1-hover.png); }
.service-14 li:nth-child(2) p { background-image: url(../images/fz-2.png); background-size: 60px 56px; }
.service-14 li:nth-child(2):hover p { background-image: url(../images/fz-2-hover.png); }
.service-14 li:nth-child(3) p { background-image: url(../images/fz-3.png); background-size: 64px 66px; }
.service-14 li:nth-child(4):hover p { background-image: url(../images/fz-3-hover.png); }
.service-14 li:nth-child(4) p { background-image: url(../images/fz-4.png); background-size: 56px 57px; }
.service-14 li:nth-child(4):hover p { background-image: url(../images/fz-4-hover.png); }
.service-15 li:nth-child(1) p { background-image: url(../images/dbz-1.png); background-size: 60px 60px; }
.service-15 li:nth-child(1):hover p { background-image: url(../images/dbz-1-hover.png); }
.service-15 li:nth-child(2) p { background-image: url(../images/dbz-2.png); background-size: 63px 55px; }
.service-15 li:nth-child(2):hover p { background-image: url(../images/dbz-2-hover.png); }
.service-15 li:nth-child(3) p { background-image: url(../images/dbz-3.png); background-size: 56px 54px; }
.service-15 li:nth-child(3):hover p { background-image: url(../images/dbz-3-hover.png); }
.service-16 li:nth-child(1) p { background-image: url(../images/yj-1.png); background-size: 61px 65px; }
.service-16 li:nth-child(1):hover p { background-image: url(../images/yj-1-hover.png); }
.service-16 li:nth-child(2) p { background-image: url(../images/yj-2.png); background-size: 56px 61px; }
.service-16 li:nth-child(2):hover p { background-image: url(../images/yj-2-hover.png); }
.service-16 li:nth-child(3) p { background-image: url(../images/yj-3.png); background-size: 53px 58px; }
.service-16 li:nth-child(4):hover p { background-image: url(../images/yj-3-hover.png); }
.service-right { text-align: center; float: right; width: 65%; }
.service-right li { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.service-right li img { max-width: 100%; align-items: center; vertical-align: middle; transition: all .6s; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.service-left h3 { font-size: 32px; }
.service-left { width: 45%; }
.service-right { width: 55%; }
.service-left { padding: 0 20px; }
.service-left ul, .service-left dl { padding: 10px 0; }
.service-left li { padding: 10px 10px; }
.service-left li p { height: 70px; }
.service-left label { display: none; }
.service-left li strong { font-size: 15px; line-height: 25px; }
.service-right li img { height: 100%; }
}

@media (max-width:991px) {
.service-left h3 { font-size: 28px; }
}

@media (max-width:767px) {
.service-list { padding: 10px 10px; }
.service-left h3 { text-align: center; font-size: 22px; }
.service-left, .service-right { width: 100%; display: block; }
.service-left { padding: 0 0; }
.service-left li { width: 49%; margin: 5px 2%; margin-left: 0; }
.service-left li:nth-child(2n) { margin-right: 0; }
.service-right { width: 98%; margin: 0 auto; }
.service-left li strong { font-size: 14px; }
.service-right li { width: 100%; display: block; }
.service-right li img { max-width: 100%; height: auto; }
}
/**/
.service-sub { padding: 20px 0; overflow: hidden; }
.service-sub li { float: left; width: 32%; margin: 10px 2%; margin-left: 0; overflow: hidden; position: relative; }
.service-sub li:last-child { margin-right: 0; }
.service-sub li .image, .service-sub li .text { display: block; height: 480px; overflow: hidden; width: 100%; }
.service-sub li .image { position: relative; z-index: 0; }
.service-sub li .image img { width: 100%; vertical-align: middle; transition: all .6s; }
.service-sub li:hover .image img { transform: scale(1.025); }
.service-sub li .text { position: absolute; left: 0; bottom: 0; z-index: 1; height: 80px; transition: all .6s; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.15); flex-direction: column; background: rgba(32,69,138,.25); height: 100%; }
.service-sub li .text .title, .service-sub li .text .more { display: block; width: 100%; overflow: hidden; }
.service-sub li .text .title { height: 80px; line-height: 80px; font-size: 26px; font-weight: bold; color: #fff; text-align: center; }
.service-sub li .text .title a { color: #fff; }
.service-sub li .text .more { display: none; }
.service-sub li:hover .text .more { display: block; }
.service-sub li .text .more a { margin: 0 auto; width: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; line-height: 30px; height: 30px; border-radius: 15px; border: 1px solid #fff; }
.service-sub li .text .more a span { height: 30px; width: 17px; margin-left: 10px; background: url(../images/jiantou.png) no-repeat center; background-size: 17px 7px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.service-sub li .image { height: 280px; }
.service-sub li .text { height: 50px; }
.service-sub li .text .title { height: 50px; line-height: 50px; font-size: 22px; }
}

@media (max-width:991px) {
.service-sub li .image { height: 260px; }
.service-sub li .text { height: 40px; }
.service-sub li .text .title { height: 40px; line-height: 40px; font-size: 18px; }
}

@media (max-width:767px) {
.service-sub li { width: 100%; margin: 10px 0; margin-left: 0; }
}
/**/
.shop-subs { padding: 20px 0; overflow: hidden; }
.shop-subs li { float: left; width: 23.5%; margin: 10px 2%; margin-left: 0; overflow: hidden; position: relative; }
.shop-subs li:last-child { margin-right: 0; }
.shop-subs li .image, .shop-subs li .text { display: block; height: 325px; overflow: hidden; width: 100%; }
.shop-subs li .image { position: relative; z-index: 0; }
.shop-subs li .image img { width: 100%; vertical-align: middle; transition: all .6s; }
.shop-subs li:hover .image img { transform: scale(1.025); }
.shop-subs li .text { position: absolute; left: 0; bottom: 0; z-index: 1; height: 50px; transition: all .6s; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.15); flex-direction: column; background: rgba(32,69,138,.25); }
.shop-subs li:hover .text { height: 100%; }
.shop-subs li .text .title, .shop-subs li .text .more { display: block; width: 100%; overflow: hidden; }
.shop-subs li .text .title { height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; color: #fff; text-align: center; }
.shop-subs li .text .title a { color: #fff; }
.shop-subs li .text .more { display: none; }
.shop-subs li:hover .text .more { display: block; }
.shop-subs li .text .more a { margin: 0 auto; width: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; line-height: 30px; height: 30px; border-radius: 15px; border: 1px solid #fff; }
.shop-subs li .text .more a span { height: 30px; width: 17px; margin-left: 10px; background: url(../images/jiantou.png) no-repeat center; background-size: 17px 7px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.shop-subs li .image { height: 280px; }
.shop-subs li .text { height: 50px; }
.shop-subs li .text .title { height: 50px; line-height: 50px; font-size: 22px; }
}

@media (max-width:991px) {
.shop-subs li .image { height: 260px; }
.shop-subs li .text { height: 40px; }
.shop-subs li .text .title { height: 40px; line-height: 40px; font-size: 18px; }
}

@media (max-width:767px) {
.shop-subs li { width: 100%; margin: 10px 0; margin-left: 0; }
}
/**/
.shop-wrap { overflow: hidden; background: #F5F7F9; }
.shop-inner { padding: 20px 0; overflow: hidden; }
.shop-inner li { float: left; width: 32%; margin: 20px 2%; padding: 30px 30px; background: #fff; margin-left: 0; overflow: hidden; position: relative; }
.shop-inner li:nth-child(3n) { margin-right: 0; }
.shop-inner li .image, .shop-inner li .text { display: block; height: 360px; overflow: hidden; width: 100%; }
.shop-inner li .image { position: relative; z-index: 0; }
.shop-inner li .image img { width: 100%; vertical-align: middle; transition: all .6s; }
.shop-inner li:hover .image img { transform: scale(1.025); }
.shop-inner li .text { position: absolute; left: 0; bottom: 0; z-index: 1; height: 80px; transition: all .6s; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.shop-inner li:hover .text { background: rgba(32,69,138,.55); height: 100%; }
.shop-inner li .text .title, .shop-inner li .text .more { display: block; width: 100%; overflow: hidden; }
.shop-inner li .text .title { height: 80px; line-height: 80px; font-size: 24px; font-weight: bold; text-align: center; }
.shop-inner li .text .title a { }
.shop-inner li:hover .text .title a { color: #fff; }
.shop-inner li .text .more { display: none; }
.shop-inner li:hover .text .more { display: block; }
.shop-inner li .text .more a { margin: 0 auto; width: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; line-height: 30px; height: 30px; border-radius: 15px; border: 1px solid #fff; }
.shop-inner li .text .more a span { height: 30px; width: 17px; margin-left: 10px; background: url(../images/jiantou.png) no-repeat center; background-size: 17px 7px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.shop-inner li .image { height: 280px; }
.shop-inner li .text { height: 50px; }
.shop-inner li .text .title { height: 50px; line-height: 50px; font-size: 22px; }
}

@media (max-width:991px) {
.shop-inner li .image { height: 260px; }
.shop-inner li .text { height: 40px; }
.shop-inner li .text .title { height: 40px; line-height: 40px; font-size: 18px; }
}

@media (max-width:767px) {
.shop-inner li { width: 100%; margin: 10px %;
margin-left: 0; }
}
}
/**/

.shop-list { padding: 20px 0; overflow: hidden; }
.shop-list li { float: left; width: 23%; margin: 10px 1%; overflow: hidden; background: #F7F7F7; padding: 15px 15px; transition: all .6s; box-shadow: 0 0 10px rgba(0,0,0,.05); }
.shop-list li .image-inner, .shop-list li .text { display: block; overflow: hidden; }
.shop-list li .image-inner { height: 280px; position: relative; background: #fff; }
.shop-list li .image-inner .image { position: relative; width: 100%; height: 100%; z-index: 0; display: flex; align-items: center; justify-content: center; }
.shop-list li .image-inner .image img { max-width: 100%; align-content: center; position: relative; transition: all .6s; z-index: 0; }
.shop-list li:hover .image-inner .image img { transform: scale(1.025); }
.shop-list li .image-inner .more { position: absolute; z-index: 2; width: 100%; top: 0; left: 0; height: 0; transition: all .6s; display: flex; align-items: center; justify-content: center; background: rgba(32,69,138,.55); overflow: hidden; display: none; }
.shop-list li:hover .image-inner .more { height: 100%; }
.shop-list li .text { position: relative; padding: 15px 0; line-height: 30px; text-align: center; }
.shop-list li .text h3 { height: 30px; font-size: 26px; overflow: hidden; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.shop-list li .text p { color: #696969; overflow: hidden; }
.shop-list li:hover { background: #fff; transform: translateY(-1rem); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.shop-list li:hover .text h3 a { color: #20458A; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.shop-list li { padding: 10px 10px; }
.shop-list li .image-inner { height: 200px; }
.shop-list li .text h3 { font-size: 24px; }
}

@media (max-width:991px) {
.shop-list li .image-inner { height: 165px; }
.shop-list li .text h3 { font-size: 18px; }
}

@media (max-width:767px) {
.shop-list li { width: 48%; margin: 10px 1%; }
.shop-list li .image-inner { height: 135px; }
.shop-list li .text h3 { font-size: 16px; }
}
/**/
.shop-other { margin: 20px 0; padding: 20px 0; padding-top: 60px; padding-left: 20px; overflow: hidden; position: relative; min-height: 250px; }
.shop-other:after { content: ''; position: absolute; left: 0; width: 20px; height: 179px; top: 0; z-index: 0; background: url(../images/pt.png) no-repeat; background-size: 20px auto; }
.shop-other h3 { position: absolute; left: 20px; height: 179px; top: 0; line-height: 60px; font-size: 30px; color: #fff; display: flex; align-items: flex-start; justify-content: center; background: url(../images/pt-ico.png) no-repeat left top; padding: 0 30px; z-index: 1; }
.shop-other h3 img { margin-left: 20px; margin-top: 12px; align-items: flex-start; }
.shop-other section { overflow: hidden; position: relative; z-index: 2; background: #fff; min-height: 250px; }
.shop-other dl { width: 100%; overflow: hidden; background: #F2F2F2; border: 2px solid #fff; position: relative; z-index: 2; }
.shop-other dl:nth-child(1), .shop-other dl:nth-child(3), .shop-other dl:nth-child(5), .shop-other dl:nth-child(7), .shop-other dl:nth-child(9), .shop-other dl:nth-child(11), .shop-other dl:nth-child(13) { background: #FCFCFC; }
.shop-other dl:last-child { border-bottom: 3px solid #0780CF; }
.shop-other dt, .shop-other dd { width: auto; display: block; overflow: hidden; }
.shop-other li { float: left; width: 20%; text-align: center; height: 70px; line-height: 70px; overflow: hidden; font-size: 14px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.shop-other h3 { font-size: 26px; }
.shop-other li { height: 60px; line-height: 60px; }
}

@media (max-width:991px) {
.shop-other h3 { font-size: 22px; }
.shop-other li { height: 50px; line-height: 50px; font-size: 14px; }
}

@media (max-width:767px) {
.shop-other li { width: 50%; margin-right: 0; height: 40px; line-height: 40px; font-size: 13px; }
}
/**/
.hx-wrap { overflow: hidden; background: #F5F7F9; }
.hx-wrap .container { padding: 0 0; }
.hx-shop { padding: 0 0; overflow: hidden; display: flex; flex-flow: wrap row; justify-content: center; }
.hx-left, .hx-right { float: left; width: 30%; padding: 50px 50px; overflow: hidden; }
.hx-left { display: flex; align-items: center; flex-direction: column; justify-content: center; }
.hx-left h3, .hx-left ul, .hx-left li { display: block; overflow: hidden; width: 100%; }
.hx-left h3 { font-weight: bold; color: #20458A; font-size: 36px; }
.hx-left ul { padding: 30px 0; }
.hx-left li { float: left; width: 48%; margin: 10px 2%; margin-left: 0; overflow: hidden; font-size: 16px; transition: all .6s; }
.hx-left li:hover { color: #20458A; }
.hx-right { float: right; width: 70%; background: #fff; height: 600px; overflow-y: auto; }
.hx-right::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.hx-right::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #0d6fb8;
}
.hx-right::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
background: #F5F7F9;
}
.hx-box { width: 100%; border: 2px solid #878787; overflow: hidden; }
.hx-box dl { display: block; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; width: 100%; border-bottom: 1px solid #B1B0B0; }
.hx-box dl:last-child { border-bottom: 0; }
.hx-box dl dt, .hx-box dl dd { float: left; width: 30%; overflow: hidden; font-size: 16px; }
.hx-box dl dt { align-items: center; justify-content: center; display: flex; }
.hx-box dl dd { float: right; width: 70%; }
.hx-box dl dd li { display: block; overflow: hidden; border-bottom: 1px solid #B1B0B0; }
.hx-box dl dd li:last-child { border-bottom: 0; }
.hx-box dl dd li h3, .hx-box dl dd li label { float: left; height: 45px; line-height: 45px; text-align: center; overflow: hidden; width: 60%; border-left: 1px solid #B1B0B0; }
.hx-box dl dd li h3 { font-weight: normal; font-size: 16px; }
.hx-box dl dd li label { float: right; width: 40%; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.hx-left h3 { font-size: 32px; }
.hx-left { width: 45%; }
.hx-right { width: 55%; }
.hx-left { padding: 0 20px; }
.hx-left ul, .hx-left dl { padding: 10px 0; }
.hx-left li { }
}

@media (max-width:991px) {
.hx-left h3 { font-size: 28px; }
}

@media (max-width:767px) {
.hx-shop { padding: 10px 10px; }
.hx-left h3 { text-align: center; font-size: 22px; }
.hx-left, .hx-right { width: 100%; }
.hx-left { padding: 0 10px; }
.hx-left li { width: 32%; margin: 5px 2%; margin-left: 0; line-height: 30px; font-size: 14px; }
.hx-left li:nth-child(3n) { margin-right: 0; }
.hx-right { width: 100%; padding: 10px 10px; }
.hx-box dl dd li h3, .hx-box dl dd li label { font-size: 14px; line-height: 30px; height: 30px; }
}
/**/
.shop-sub { padding: 20px 0; overflow: hidden; }
.shop-sub .item { margin: 10px 0; width: 100%; overflow: hidden; background: #FAFAFA; line-height: 30px; float: left; display: flex; flex-flow: wrap row; justify-content: center; flex-direction: row; }
.shop-sub .item .image, .shop-sub .item .text { width: 50%; overflow: hidden; display: flex; justify-content: center; position: relative; }
.shop-sub .item .image { }
.shop-sub .item:nth-child(2n) { flex-direction: row-reverse; }
.shop-sub .item .image img { max-width: 100%; align-items: center; position: relative; z-index: 0; transition: all .6s; }
.shop-sub .item:hover .image img { transform: scale(1.025); }
.shop-sub .item .text { padding: 30px 35px; padding-top: 50px; flex: 1; flex-direction: column; }
.shop-sub .item h3 { font-size: 32px; font-weight: bold; color: #20458A; overflow: hidden; }
.shop-sub .item dl { padding: 20px 0; font-size: 16px; overflow: hidden; }
.shop-sub .item dl { width: 100%; overflow: hidden; }
.shop-sub .item dl dd { width: 100%; overflow: hidden; border-bottom: 3px solid #fff; background: #fff; }
.shop-sub .item dl dd:nth-child(2n) { background: none; }
.shop-sub .item dl dd li { float: left; width: 33.33333%; height: 70px; line-height: 70px; text-align: center; overflow: hidden; font-size: 18px; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.shop-sub .item h3 { font-size: 26px; }
.shop-sub .item dl dd li { height: 60px; line-height: 60px; }
}

@media (max-width:991px) {
.shop-sub .item .text { padding: 10px 15px; padding-top: 50px; }
.shop-sub .item h3 { font-size: 22px; }
.shop-sub .item dl dd li { height: 50px; line-height: 50px; font-size: 16px; }
}

@media (max-width:767px) {
.shop-sub .item .image, .shop-sub .item .text { width: 100%; }
.shop-sub .item { display: block; }
.shop-sub .item .text { padding-top: 10px; }
.shop-sub .item h3 { font-size: 18px; }
.shop-sub .item dl dd li { height: 40px; line-height: 40px; font-size: 13px; }
}
/**/
.news-list { padding: 20px 0; overflow: hidden; }
.news-list li { overflow: hidden; position: relative; background: #FBFBFD; margin: 15px 0; }
.news-list li:last-child { border-bottom: 0; }
.news-list li:after { content: ''; position: absolute; right: 0; top: 0; width: 3px; height: 0; background: #20458A; transition: all .5s ease; }
.news-list li:hover:after { height: 100%; }
.news-list li .image, .news-list li .data, .news-list li .text { width: auto; display: block; overflow: hidden; font-size: 14px; line-height: 30px; }
.news-list li .image { float: left; width: 380px; height: 210px; margin-right: 50px; display: flex; align-items: center; text-align: center; }
.news-list li .image img { max-width: 100%; align-items: center; transition: all .6s; }
.news-list li:hover .image img { transform: scale(1.025); }
.news-list li .data { float: right; font-size: 16px; color: #A9A9AA; padding-right: 50px; margin-top: 75px; }
.news-list li .data strong, .news-list li .data span { display: block; text-align: center; }
.news-list li .data strong { font-size: 33px; font-weight: normal; }
.news-list li .data span { }
.news-list li:hover .data-inner { background: #5DA83F; }
.news-list li .text { padding: 25px 0; padding-right: 50px; }
.news-list li .text h3 { font-size: 22px; height: 30px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.news-list li .text p { color: #454545; height: 60px; margin: 20px 0; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.news-list li .text span { color: #454545; overflow: hidden; }
.news-list li .text label { display: none; color: #454545; overflow: hidden; }
.news-list li:hover .text h3 a { color: #20458A; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.news-list li .image { width: 280px; height: 210px; margin-right: 30px; }
.news-list li .image img { }
.news-list li .text { padding-right: 30px; }
.news-list li .data { padding-right: 30px; }
}

@media (max-width:991px) {
.news-list { padding: 10px 0; }
.news-list li { margin: 10px 0; }
.news-list li .image { height: 180px; }
.news-list li .data, .news-list li .text span { display: none; }
.news-list li .text label { display: block; }
.news-list li .text h3 { font-size: 18px; }
.news-list li .text p { margin: 10px 0; }
.news-list li:after { width: 2px; }
}

@media (max-width:767px) {
.news-list li { }
.news-list li .image, .news-list li .data, .news-list li .text { width: 100%; }
.news-list li .image { height: auto; }
.news-list li .image { margin-right: 0; }
.news-list li .image img { }
.news-list li .text { padding: 10px 10px; }
.news-list li .data { padding-right: 0; }
.news-list li:after { right: auto; left: 0; top: auto; bottom: 0; width: 0; height: 2px; }
.news-list li:hover:after { height: 2px; width: 100%; }
.news-list li .text label { text-align: right; }
}
/**/
.contact-list { float: left; width: 100%; padding: 30px 0; overflow: hidden; margin: 20px 0; border: 1px solid #BFBFBF; border-radius: 15px; }
.contact-list li { float: left; padding: 0 20px; width: 25%; position: relative; line-height: 30px; }
.contact-list li:after { content: ''; position: absolute; right: 0; top: 50%; height: 48px; width: 1px; background: #BFBFBF; margin-top: -24px; }
.contact-list li:last-child:after { display: none; }
.contact-list li p, .contact-list li h3, .contact-list li span { width: auto; display: block; overflow: hidden; }
.contact-list li p { float: left; display: flex; width: 60px; height: 60px; align-items: center; justify-content: center; margin-right: 10px; }
.contact-list li p img { max-height: 100%; align-items: center; }
.contact-list li h3 { font-weight: normal; font-size: 18px; }
.contact-list li span { font-size: 15px; height: 50px; line-height: 25px; }
.map-inner { float: left; width: 100%; margin: 20px 0; overflow: hidden; height: 400px; }
#map label { max-width: none; }
#map div { box-sizing: initial; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.contact-list li { width: 50%; }
.contact-list li:nth-child(2):after { display: none; }
}

@media (max-width:767px) {
.contact-list { padding: 10px 0; margin: 10px 0; }
.contact-list li { width: 100%; padding: 5px 10px; }
.contact-list li:after { display: none !important; }
.contact-list li h3 { font-size: 16px; }
.contact-list li span { font-size: 13px; height: auto; line-height: 30px; }
.map-inner { margin: 10px 0; height: 300px; }
}
/**/

.page-turn { text-align: center; padding: 10px 10px 20px; overflow: hidden; }
.page-turn a { display: inline-block; overflow: hidden; height: 36px; line-height: 36px; width: 36px; border-radius: 50%; font-size: 22px; color: #696969; margin: 0px 10px; text-align: center; }
.page-turn a.page-num-current { background: #20458A; color: #fff; }
.page-turn span { display: none; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.page-turn a { font-size: 22px; margin: 0px 5px; }
}

@media (max-width:767px) {
.page-turn a { font-size: 16px; }
}
/**/

.view-page { }
.view-inner { padding: 20px 0; overflow: hidden; }
.view-title { font-size: 28px; text-align: center; color: #20458A; font-weight: normal; }
.view-info { margin-top: 10px; color: #898989; line-height: 50px; overflow: hidden; text-align: center; }
.view-info li { display: inline-block; margin: 0 10px; }
.view-body, .view-shop { padding: 20px 0; font-size: 15px; line-height: 2; overflow: hidden; }
.view-body img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }
.view-body a { color: #FF6E23; text-decoration: underline; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.view-inner { padding: 10px 0; }
.view-title { font-size: 24px; }
}

@media (max-width:767px) {
.view-title { font-size: 22px; }
.view-info { line-height: 40px; }
.view-info li { display: inline-block; }
.view-info li:last-child { display: none; }
.view-body, .view-shop { padding: 10px 0; font-size: 14px; }
}
/**/
.view-tool { padding: 10px 0; float: left; width: 100%; display: block; }
.view-tool .tool-left, .view-tool .tool-right { float: left; line-height: 50px; color: #898989; }
.view-tool .tool-right { float: right; }
.view-tool .tool-right a { margin-top: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; display: block; background: #20458A; color: #fff; font-size: 18px; }
.view-tool strong { float: left; font-weight: normal; }
.social-share { float: left; margin-top: 0 0 !important; padding: 0 0 !important; }
.view-prev { border-top: 1px dashed #DCDCDC; padding: 20px 0px; float: left; width: 100%; display: block; }
.view-prev li { line-height: 35px; color: #656565; }
.view-prev li a { color: #656565; }
.view-back { text-align: center; display: none; margin-bottom: 30px; margin-top: 20px; }
.view-back a { margin: 0 auto; display: block; width: 60px; height: 60px; border-radius: 50%; background: #20458A; line-height: 60px; font-size: 32px; color: #fff; overflow: hidden; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
}

@media (max-width:767px) {
}
/**/
.index-caption { padding: 0 0; overflow: hidden; }
.index-caption h3 { float: left; font-size: 40px; font-weight: bold; color: #20458A; }
.index-caption span { float: right; }
.index-caption span a { float: left; width: 130px; padding: 0 20px; height: 46px; font-size: 14px; line-height: 42px; border-radius: 23px; background-color: #fff; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 80px center; background-image: url(../images/jiantou-2.png); background-size: 25px 9px; border: 2px solid #fff; color: #20458A; }
.index-caption span a:hover { background-color: #20458A; border-color: #20458A; color: #fff; background-image: url(../images/jiantou-1.png); }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.index-caption h3 { font-size: 36px; }
}

@media (max-width:991px) {
.index-caption h3 { font-size: 28px; }
}

@media (max-width:767px) {
.index-caption h3 { font-size: 24px; }
}
/**/
@keyframes upin {
0% {
transform:scale(1.2)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(1)
}
}
.index-full { margin: 0 auto; width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.index-full .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.index-full .swiper-container .swiper-slide { width: 100%; height: 100%; overflow: hidden; display: flex; align-content: center; justify-content: center; background: rgba(1,8,27,1.00) }
.index-full .swiper-container .swiper-slide img { width: 100%; align-content: center; display: block; transform: scale(1.2); }
.index-full .swiper-container .swiper-slide-on img { animation: upin 12s ease; }
.index-full .swiper-container .swiper-slide a { display: block; height: 100% !important; }
.index-full .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #fff !important; opacity: 1; border-radius: 6px !important; outline: none; }
.index-full .swiper-pagination-bullet-active { width: 32px !important; }
.index-full .swiper-button-prev, .index-full .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: rgba(255,255,255,0.8); border-radius: 50%; font-size: 24px; outline: none; }
.index-full .swiper-button-prev { left: 10px; }
.index-full .swiper-button-next { right: 10px; }
.index-full .swiper-button-prev:hover, .index-full .swiper-button-next:hover { opacity: 1; background: #20458A !important; }

@media (min-width:1920px) {
.index-full .swiper-container .swiper-slide img { width: auto; height: 100vh; }
}

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.index-full .swiper-button-prev, .index-full .swiper-button-next, .index-full .swiper-pagination-bullet { display: none; }
}

@media (max-width:767px) {
}
/**/
.index-about { padding: 20px 0; overflow: hidden; }
.about-left, .about-right { width: auto; display: block; overflow: hidden; }
.about-left .title, .about-left .text, .about-left .more { display: block; overflow: hidden; }
.about-left .title { font-size: 28px; line-height: 35px; color: #20458A; font-weight: bold; }
.about-left .text { padding: 20px 0; font-size: 16px; line-height: 2.15; }
.about-left .more { }
.about-left .more a { float: left; width: 130px; padding: 0 20px; height: 46px; font-size: 14px; line-height: 42px; border-radius: 23px; background-color: #fff; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 80px center; background-image: url(../images/jiantou-2.png); background-size: 25px 9px; border: 2px solid #5E5E5E; }
.about-left .more a:hover { background-color: #20458A; border-color: #20458A; color: #fff; background-image: url(../images/jiantou-1.png); }
.about-right { float: right; width: 43%; text-align: center; margin-left: 50px; }
.about-right img { max-width: 100%; vertical-align: middle; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.about-left, .about-left .text { overflow: visible; }
.about-right { width: 50%; margin-left: 30px; }
.about-left .title { font-size: 26px; }
.about-left .text { padding: 10px 0; font-size: 16px; line-height: 2; }
}

@media (max-width:991px) {
.index-about { padding: 10px 0; }
.about-left, .about-left .text { overflow: visible; }
.about-left .title { font-size: 22px; }
.about-left .text { padding: 10px 0; font-size: 15px; line-height: 2; }
.about-left .more a { font-size: 13px; }
}

@media (max-width:767px) {
.about-left, .about-right { width: 100%; margin: 0 0; overflow: hidden; }
.about-right { float: left; margin-bottom: 20px; }
.about-left .title { font-size: 18px; }
.about-left .text { padding: 10px 0; font-size: 14px; line-height: 2; }
.about-left .more a { }
}
/**/
.index-news { padding: 20px 0; overflow: hidden; }
.index-news li { float: left; width: 23.5%; margin: 10px 2%; margin-left: 0; overflow: hidden; border-bottom: 1px solid #BFBFBF; }
.index-news li:nth-child(3), .index-news li:nth-child(5) { margin-right: 0; }
.index-news li .image, .index-news li .text { width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 15px; }
.index-news li .image { display: flex; height: 215px; align-items: center; justify-content: center; }
.index-news li .image img { width: 100%; height: 100%; align-items: center; transition: all .6s; }
.index-news li:hover .image img { transform: scale(1.025); }
.index-news li .text { padding: 10px 0; }
.index-news li h3, .index-news li p, .index-news li span { display: block; overflow: hidden; }
.index-news li h3 { font-weight: bold; font-size: 18px; height: 30px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.index-news li p { color: #ABABAB; }
.index-news li span { display: none; margin-top: 10px; }
.index-news li span a { float: left; width: 130px; padding: 0 20px; height: 46px; font-size: 14px; line-height: 42px; border-radius: 23px; background-color: #fff; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 80px center; background-image: url(../images/jiantou-2.png); background-size: 25px 9px; border: 2px solid #5E5E5E; }
.index-news li span a:hover { background-color: #20458A; border-color: #20458A; color: #fff; background-image: url(../images/jiantou-1.png); }
.index-news li:nth-child(1) { width: 49%; border-bottom: 0; }
.index-news li:nth-child(1) .image { height: 485px; }
.index-news li:nth-child(1) .image img { }
.index-news li:nth-child(1) span { display: block; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.index-news li h3 { font-size: 16px; }
}

@media (max-width:991px) {
.index-news { padding: 10px 0; }
.index-news li h3 { font-size: 15px; }
.index-news li span a { font-size: 13px; }
}

@media (max-width:767px) {
.index-news li { width: 100%; margin: 10px 0; }
.index-news li:nth-child(1) { width: 100%; border-bottom: 1px solid #BFBFBF; }
.index-news li:nth-child(1) .image { height: auto; }
.index-news li .image img { width: 100%; align-items: center; transition: all .6s; }
.index-news li:nth-child(1) span { display: none; }
.index-news li span a { }
}
/**/
.index-new { padding: 20px 0; overflow: hidden; }
.index-left, .index-right { float: left; width: 49%; overflow: hidden; position: relative; }
.index-left { margin-top: 10px; }
.index-left .image, .index-left .text { width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 15px; }
.index-left .image { position: relative; z-index: 0; display: flex; height: 470px; align-items: center; justify-content: center; }
.index-left .image img { height: 100%; align-items: center; transition: all .6s; }
.index-left:hover .image img { transform: scale(1.025); }
.index-left .text { position: absolute; left: 0; bottom: 0; padding: 20px 20px; background: url(../images/news.png) no-repeat top center; background-size: cover; }
.index-left .text .title, .index-left .text .intro { display: block; overflow: hidden; line-height: 30px; color: #fff; }
.index-left .text .title h3 { float: left; width: 80%; overflow: hidden; font-size: 18px; font-weight: normal; }
.index-left .text .title h3 a { color: #fff; }
.index-left .text .title span { float: right; width: 20%; text-align: right; }
.index-left .text .intro { height: 30px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.index-right { float: right; padding: 10px 10px; }
.index-right li { padding: 20px 20px; margin-bottom: 20px; background: #F7F8FD; overflow: hidden; border-bottom: 3px solid #F7F8FD; transition: all .6s; }
.index-right li:last-child { margin-bottom: 0; }
.index-right li:hover { background: #fff; border-bottom-color: #20458A; box-shadow: 0 0 10px rgba(0,0,0,.05); }
.index-right li .title, .index-right li .intro { display: block; overflow: hidden; line-height: 30px; }
.index-right li .title h3 { float: left; width: 80%; overflow: hidden; font-size: 18px; font-weight: normal; }
.index-right li .title h3 a { }
.index-right li .title span { float: right; width: 20%; text-align: right; }
.index-right li .intro { margin: 5px 0; height: 60px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.index-left .text .title h3, .index-right li .title h3 { font-size: 16px; }
}

@media (max-width:991px) {
.index-news { padding: 10px 0; }
.index-left .text .title h3, .index-left .text .title span { width: 100%; }
.index-left .text .title h3, .index-right li .title h3 { font-size: 15px; }
.index-left .text .intro { height: 30px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
}

@media (max-width:767px) {
.index-left, .index-right { width: 100%; margin: 10px 5px; }
.index-right { margin: 0 0; padding: 5px 5px; }
.index-right li { margin-bottom: 10px; }
.index-right li .title h3, .index-right li .title span { display: block; width: 100%; }
.index-right li .intro { height: auto; }
}
/**/
.index-shop { margin: 20px 0; width: 100%; position: relative; }
.index-shop li { float: left; width: 16.66667%; position: relative; background: #F5F5F5; transition: all .6s; padding: 0px 0px; height: 650px; border-right: 3px solid #fff; overflow: hidden; }
.index-shop li:last-child { border-right: 0; }
.index-shop li .text { position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.index-shop li .text p, .index-shop li .text h3, .index-shop li .text span { width: 100%; overflow: hidden; text-align: center; }
.index-shop li .text p { height: 80px; background-repeat: no-repeat; background-position: center; }
.index-shop li:nth-child(1) .text p { background-image: url(../images/t-1.png); background-size: 21px 59px; }
.index-shop li:nth-child(1):hover .text p, .index-shop li:nth-child(1).on .text p { background-image: url(../images/t-1-hover.png); background-size: 21px 59px; }
.index-shop li:nth-child(2) .text p { background-image: url(../images/t-2.png); background-size: 66px 34px; }
.index-shop li:nth-child(2):hover .text p, .index-shop li:nth-child(2).on .text p { background-image: url(../images/t-2-hover.png); background-size: 66px 34px; }
.index-shop li:nth-child(3) .text p { background-image: url(../images/t-3.png); background-size: 56px 56px; }
.index-shop li:nth-child(3):hover .text p, .index-shop li:nth-child(3).on .text p { background-image: url(../images/t-3-hover.png); background-size: 56px 56px; }
.index-shop li:nth-child(4) .text p { background-image: url(../images/t-4.png); background-size: 42px 51px; }
.index-shop li:nth-child(4):hover .text p, .index-shop li:nth-child(4).on .text p { background-image: url(../images/t-4-hover.png); background-size: 42px 51px; }
.index-shop li .text h3 { padding: 20px 0; font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.index-shop li:hover .text h3 a, .index-shop .on .text h3 a { color: #fff; }
.index-shop li .text span { }
.index-shop li .image { position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; display: none; }
.index-shop li .image img { height: 100%; vertical-align: middle; }
.index-shop .on { width: 50%; }
.index-shop .on .image { display: block; }
.index-shop .on .text { margin-left: 20%; width: 80%; }
.index-shop .on .text p, .index-shop .on .text h3, .index-shop .on .text span { text-align: left; }
.index-shop .on .text p { background-position: left center; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.index-shop { margin: 10px 0; }
.index-shop li { height: 500px; }
}

@media (max-width:991px) {
.index-shop li { height: 450px; }
.index-shop li .text h3 { font-size: 22px; }
}

@media (max-width:767px) {
.index-shop li { width: 20%; }
.index-shop .on { width: 40%; }
.index-shop li { height: 250px; }
.index-shop li .text h3 { font-size: 15px; margin-bottom: 0; }
}
/**/
.shops-wrap { background: url(../images/index-shop.jpg) no-repeat center; overflow: hidden; background-size: cover; padding: 50px 0; }
.shops-wrap strong { display: block; font-size: 40px; font-weight: bold; color: #fff; text-align: center; }
.index-shops { padding: 50px 0; overflow: hidden; }
.index-shops li { float: left; width: 25%; position: relative; transition: all .6s; overflow: hidden; }
.index-shops li p, .index-shops li h3 { width: 100%; overflow: hidden; text-align: center; }
.index-shops li p { height: 150px; display: flex; align-items: center; justify-content: center; }
.index-shops li p img { max-width: 100%; align-items: center; transition: all .6s; }
.index-shops li:hover p img { transform: scale(1.125); }
.index-shops li h3 { font-size: 32px; color: #fff; line-height: 40px; }
.index-shops li h3 a { color: #fff; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
.shops-wrap strong { font-size: 36px; }
.index-shops li h3 { font-size: 28px; }
}

@media (max-width:991px) {
.shops-wrap strong { font-size: 28px; }
.index-shops li h3 { font-size: 22px; }
}

@media (max-width:767px) {
.shops-wrap strong { font-size: 24px; }
.index-shops li { width: 50%; }
.index-shops li p img { max-width: 60%; }
.index-shops li h3 { font-size: 18px; }
}
/**/
.vis { overflow: visible; }
/**/
#main { }
.section { padding: 0 0; }
.pageScroll { position: fixed !important; top: 70%; right: 100px; margin-top: -250px; width: 21px; z-index: 999999; }
.scrollNav a { margin: 20px 0; display: block; width: 21px; height: 21px; position: relative; background: url(../images/quans.png) no-repeat center; overflow: hidden; }
.scrollNav { }
.scrollNav_1, .scrollNav_1 a { }
.scrollNav a:hover { }
li.scrollNav.active a { background: url(../images/quan.png) no-repeat center; overflow: hidden; }
/**/
#product-1, #product-2, #product-3, #product-4 { }
/**/